<template>
	<div class="home">
		<h2>home {{ name }} - {{ age }}</h2>
		<button @click="homeBtnClick">btn</button>
	</div>
</template>

<script>
export default {
	props: {
		name: {
			type: String,
			default: '',
		},
		age: {
			type: Number,
			default: 0,
		},
	},
	emits: ['homeBtnClick'],
	methods: {
		homeBtnClick() {
			this.$emit('homeBtnClick', 'home')
		},
	},
}
</script>

<style scoped></style>
